<template>
    <div class="new-song-list-wrap">
        <span>最新音乐</span>
        <div class="new-song-list">

            <NewSong v-for="item in newSongList.slice(0,12)" :key="item.id" :song="item"></NewSong>
        </div>
    </div>
</template>

<script lang='ts'>
import { defineComponent } from 'vue'
import NewSong from './New-Song.vue'


export default defineComponent({
    setup () {

        return {
            // songList:newSongList,
        }
    },
    components:{NewSong},
    props:{
        newSongList:{
            type:Array
        }
    }
})
</script>
 
<style lang = "scss" scoped>
    @import "../../assets/css/home.scss";
</style>